<template>
    <div class="goodsgg">
        <div class="gghed">
            <div class="xtleft"></div><h5>商品参数</h5><div class="xtright"></div>
        </div>
        <table border="1">
            <tr>
                <td class="taleft">商品编码</td>
                <td>12432225</td>
            </tr>
            <tr>
                <td class="taleft">ISBN</td>
                <td>9787539065038</td>
            </tr>
            <tr>
                <td class="taleft">出版社</td>
                <td>江西科学技术出版社 </td>
            </tr>
            <tr>
                <td class="taleft">出版时间</td>
                <td>2018-09-01</td>
            </tr>
            <tr>
                <td class="taleft">用纸</td>
                <td>胶版纸</td>
            </tr>
        </table>
    </div>
</template>

<script>
export default {
    name: "goodsgg"
}
</script>

<style scoped>
    .goodsgg{
        background-color: #ffffff;
        height: 500px;
    }
    .gghed{
        width: 100%;
        height: 40px;
    }
    .gghed .xtleft, .gghed .xtright{
        width: 39%;
        height: 0.5px;
        background-color: black;
        margin-bottom: 2px;
    }
    .gghed .xtleft, .gghed .xtright, .gghed h5{
        display: inline-block;
        line-height: 30px;
    }
    .gghed h5{
        margin-left: 10px;
        margin-right: 10px;
        font-size: 15px;
    }
    .goodsgg table{
        margin-left: 5%;
        width: 90%;
        margin-bottom: 10px;
    }
    .goodsgg table .taleft{
        width: 35%;
    }
    .goodsgg table td{
        width: 65%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        padding-left: 20px;
    }
</style>
